* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins-regular.ttf'); 
  }

.choice {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: linear-gradient(-135deg, #ffffff, #d9dfd9);
    
}

.choice_nav {
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 20px;
    background-color: #82c2e7;
    box-shadow: 0 0 10px #55769c;
}

.container_choice {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: transparent;
    background: -webkit-linear-gradient(120deg, #ffffff, #cccccc);
    background: -o-linear-gradient(120deg, #ffffff, #cccccc);
    background: -moz-linear-gradient(120deg, #ffffff, #cccccc);
    background: linear-gradient(120deg, #ffffff, #cccccc);
}
.wrap_form {
    width: 1000px;
    height: 400px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    position: absolute;
    margin: 0;
}

.choice_form {
    width: 1000px;
    height: 400px;
    margin: 0px 60px 50px 60px;
    background-color: rgb(159, 206, 238);
    border-radius: 25px;
}

.choice_title {
    width: 100%;
    margin: 50px 50px 20px 0px;
    font-family: Poppins-Regular;
    font-size: 48px;
    text-align: center;
}

.choice_tips {
    width: 200px;
    background: #f5f8c9f1;
    border-radius: 25px;
    font-family: Poppins-Regular;
    font-size: 36px;
    text-align: center;
    float: left;
    margin: 0 17px 0 20px;
    color: rgb(121, 186, 230);
}

ul, ol {
    list-style-type: none;
}

.choice_select {
    width: 200px;
    height: 50px;
    margin: 40px 0 10px 34px;
    border-radius: 20px;
    background-color: #f5f8c9f1;
    outline: none;
    font-family: Poppins-Regular;
    font-size: 24px;
    color: rgb(240, 119, 149);
}

button {

    width: 48%;
    height: 50px;
    font-family: Poppins-Regular;
    font-size: 36px;
    color: black;
    line-height: 100%;
    margin-left: 10px;
    margin-top: 40px;
    outline: none;
    box-shadow: 0 2px 5px #b3afaf;
    text-shadow: 0 1px 1px #bebdbd;
    background: linear-gradient(to bottom, #eeeff9 0%,#bcc2c0 100%);
    border-radius: 15px;
}
/* button {
    width: 100%;
     text-align:center;
     line-height:100%;
     padding:0.3em;
     font:16px Arial,sans-serif bold;
     font-style:normal;
     text-decoration:none;
     margin:2px;
     vertical-align:text-bottom;
     zoom:1;
     outline:none;
     font-size-adjust:none;
     font-stretch:normal;
     border-radius:50px;
     box-shadow:0px 1px 2px rgba(0,0,0,0.2);
     text-shadow:0px 1px 1px rgba(0,0,0,0.3);
     color:#fefee9;
     border:0.2px solid #2299ff;
     background-repeat:repeat;
     background-size:auto;
     background-origin:padding-box;
     background-clip:padding-box;
     background-color:#3399ff;
     background: linear-gradient(to bottom, #eeeff9 0%,#82b5e9 100%);
} */

button:hover {
    cursor: pointer;
}
/* .choice_option {
    width: 200px;
    height: 50px;
    font-family: Poppins-Regular;
    font-size: 24px;
    background-color: lightcyan;
    color: lightsalmon;
}

.choice_option:hover {
    background-color: lightcyan;
    color: lightsalmon;
}

.choice_option:focus {
    background-color: lightcyan;
} */





